*{
    box-sizing: border-box;
}
.mall{
    width: 80%;
    height: calc(90vh + 20px);
    display: grid;
    grid-auto-flow: row;
    padding-top: 10px; /* 在网格四周留空 */
    padding-bottom: 10px; /* 在网格四周留空 */
    /*  声明列的宽度  */
    grid-template-columns: repeat(4, calc((80vw - 50px) / 4));
    /*  声明行间距和列间距  */
    gap: 10px;
    overflow-y: auto;
}
.mall::-webkit-scrollbar {
    display: none; /* Chrome/Safari 隐藏滚动条 */
}
.item{
    height: 376px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow-y: hidden;
}
.item-img{
    height: 256px;
    width: 100%;
    border-radius: 10px;
}
.item_footer{
    width: 100%;
    height: 120px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
}
.item_footer-name{
    width: 100%;
    height: 100px;
}
.item_footer-content{
    width: 100%;
    height: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: start;
}
.point {
    color: red;
    font-weight: bold;
}

.quantity {
    color: rgb(121.3, 187.1, 255);
}
.dialog-mall{
    text-align: center;
    display: flex;
}
.dialog-content{
    width: 60%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.dialog-footer{
    width: 100%;
    padding: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}